<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表引入方式</title>
		<style>
			/*css3注释*/
			/*css样式写法
			选中一个元素,给元素添加效果--表示:一个样式
			语法:选择器{
				属性:属性值;
				属性:属性值;
			}*/
			p{
				width:200px;   /*万维网联盟w3c*/
				height:200px;
				background:#e95b02;
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表 语法：style="属性:属性值;属性:属性值;" -->
		<!-- 很少使用，css出现目的：实现内容与表现分离 -->
		<div style="width:200px;height:200px;background:red;"></div>
		<!-- ②内部样式表 语法：head元素中，加style元素--加属性与属性值 -->
		<!-- 较少使用，主要是用过练习，没有完全实现内容与表现分离 -->
		<p></p>
	</body>
</html>